<style lang="less" scoped>

.view {
    margin-top: 2.8em;
    min-height: 600px;
}
</style>
<template>
    <div class="">
        <MySteps :current="current"></MySteps>
        <transition name="fade" mode="out-in">
            <router-view class="view"></router-view>
        </transition>
    </div>
</template>
<script>
import MySteps from '@/components/MySteps'
import { mapState } from 'vuex'; 
export default {
    data() {
        return {

        }
    },
    computed:{
        ...mapState({
            current:state=>state.mySteps.current
        })
        
    },
    mounted() {
        this.$router.push({ name: "OrderList",params:{step:this.current} })
    },
    methods: {

    },
    components: {
        MySteps
    }
}
</script>
